<template>
  <div class="footer-wrapper">
    <div class="pink-img-wrapper">
      <div class="footer-nav">
        <ul>
          <li><router-link to="/" class="a">首页 <span class="circle"></span> </router-link></li>
          <li><router-link to="/" class="a">公司简介 <span class="circle"></span> </router-link></li>
          <li><router-link to="/" class="a">新闻动态 <span class="circle"></span> </router-link></li>
          <li><router-link to="/" class="a">美食甜品 <span class="circle"></span> </router-link></li>
          <li><router-link to="/" class="a">用户留言 <span class="circle"></span> </router-link></li>
          <li><router-link to="/" class="a">联系我们</router-link></li>
        </ul>
      </div>
      <p style="margin-top: 50px;">版权所有 © 梦幻马卡龙 未经许可 严禁复制 建议使用1024X768分辨率浏览本站</p>
      <p>Copyright © 2009-2020,www.fantastic.com,All rights reserved  版权所有 © 梦幻马卡龙 未经许可 严禁复制</p>
      <p>沪ICP备360522841号</p>
    </div>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import '../assets/scss/triangle.scss';
.footer-wrapper {
    width: 100%;
    height: 200px;
    background-color: #f6a59f;
    position: relative;
    .pink-img-wrapper {
        top: -13px;
        @include triangle("http://tpl-c913457.pic-tpl.websiteonline.cn/upload/f06_7n3i.png");
        .footer-nav {
          height: 70px;
          width: 100%;
          // background-color: blueviolet;
          ul {
            width: 45%;
            height: 50px;
            // background-color: #fff;
            margin: 0 auto;
            padding-top: 30px;
            border-bottom: 1px solid rgb(255, 204, 206);
            li {
              display: inline-block;
              font-size: 16px;
              // padding-left: 20px;
              &:nth-child(1) {
                margin-left: 25px;
              }
              .a {
                color: pink;
                .circle {
                  display: inline-block;
                  width: 5px;
                  height: 5px;
                  background-color: pink;
                  border-radius: 50%;
                  box-sizing: border-box;
                  margin-left: 20px;
                  margin-right: 20px;
                }
              }
            }
          }
        }
        p {
          text-align: center;
          font-size: 12px;
          color: rgb(255, 204, 206);
        }
    }
}
</style>
